<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta content="th-TH" http-equiv="Content-Language"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <title><tiles:insertAttribute name="title" /></title>
        
        <link rel='SHORTCUT ICON' href='<%=session.getServletContext().getContextPath() %>/images/web-icon.png' />
        <link rel="stylesheet" href="<%=session.getServletContext().getContextPath() %>/css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="<%= session.getServletContext().getContextPath() %>/css/displaytags.css" type="text/css"  />
		<link rel="stylesheet" href="<%= session.getServletContext().getContextPath() %>/css/smoothness/jquery-ui-1.8.20.custom.css"/>
	
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/common.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.min.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ddaccordion.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.core.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.widget.js"></script> 
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.datepicker.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.tabs.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/ui/jquery.ui.datepicker.ext.be.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.blockui.js"></script>
		
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.validationEngine-en.js"></script>
		<script type="text/javascript" src="<%=session.getServletContext().getContextPath() %>/js/jquery.validationEngine.js"></script>
		<link rel="stylesheet" href="<%= session.getServletContext().getContextPath() %>/css/validationEngine.jquery.css"/>
		
        <script type="text/javascript">
            $.cache.page = <tiles:insertAttribute name="current-page" />;
        </script>
        
        <script type="text/javascript"> // Load Javascript

			//Initialize Arrow Side Menu:
			ddaccordion.init({
				headerclass: "menuheaders", //Shared CSS class name of headers group
				contentclass: "menucontents", //Shared CSS class name of contents group
				revealtype: "clickgo", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"
				mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
				collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
				defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
				onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
				animatedefault: false, //Should contents open by default be animated into view?
				persiststate: true, //persist state of opened contents within browser session?
				toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
				togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
				animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
				oninit:function(expandedindices){ //custom code to run when headers have initalized
					//do nothing
				},
				onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
					//do nothing
				}
			});
		
		</script>
		
		<jsp:include page="default-javascript.jsp" />

    </head>
    
    <body>
    <center>
    <div class="body">
		<div id="wrapper">
			<div id="header-wrapper">
				<tiles:insertAttribute name="default-header" />
			</div>
			<!-- end #header -->
			<div id="page">
				<div id="page-bgtop">
					<div id="page-bgbtm">
						<div id="sidebar">
							<tiles:insertAttribute name="default-left-menu" />
						</div>
						<!-- end #sidebar -->
						<div id="content">
							<tiles:insertAttribute name="default-body" />
						</div>
						<!-- end #content -->
						<div style="clear: both;">&nbsp;</div>
					</div>
				</div>
			</div>
			<!-- end #page -->
		</div>
		<div id="footer">
			<tiles:insertAttribute name="default-footer" />
		</div>
		<!-- end #footer -->
        <tiles:insertAttribute name="default-javascript" />
        <tiles:insertAttribute name="global-javascript" />
    </div>
    </center>
	</body>
    
    
</html>